<!DOCTYPE html>
<html>
    <head>
    <script type="text/javascript" src="./jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="./jquery.scrollUp.js"></script>
    <script type="text/javascript">
        $(function () {    
          $.scrollUp({
            scrollName: 'gotop', // Element ID
            topDistance: '100', // Distance from top before showing element (px)
            topSpeed: 300, // Speed back to top (ms)
            animation: 'fade', // Fade, slide, none
            animationInSpeed: 200, // Animation in speed (ms)
            animationOutSpeed: 200, // Animation out speed (ms)
            scrollText: '', // Text for element
            activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
          });
        });
    </script>
    <style type="text/css">
        #gotop {
          bottom: 40px;
          right: 20px;
          width: 22px;
          height: 22px;
          background-image: url(./gotop.png);
          color: #fff;
        }
    </style>
    </head>
    <body>
    <div style="height:1000px; width:200px; background: #ccc; margin:0 auto;"></div>
    </body>
</html>
